<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>小苹果-CRM客户关系管理系统</title>

<!-- Bootstrap -->
<link href="Resource/Resource/css/bootstrap.min.css" rel="stylesheet">
<link href="Resource/Resource/css/style.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top" style="height:55px; " role="navigation">
  <div class="container-fluid">
    <div class="navbar-header" style="padding:10px"> <img src="Resource/image/logo.png" style="width:140px; height:40px" data-toggle="modal" data-target="#confirmModel" />
      <h3 style="display:inline; color: #999">CRM客户关系管理系统</h3>
    </div>
    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#">检索</a></li>
        <li><a  href="#">登出</a></li>
      </ul>
      <form class="navbar-form navbar-right">
        <input type="text" class="form-control" placeholder="检索">
      </form>
    </div>
  </div>
</div>
<div class="container-fluid">
  <div class="row">
    <div class="col-sm-3 col-md-2 sidebar">
      <ul class="nav nav-sidebar">
        <li class="active" href="#slide1" data-toggle="collapse"><a class="nav-ul" href="#"><img src="Resource/image/ul1.png" style="margin-right:10px;width:23px;height:23px;">营销管理</a></li>
        <div id="slide1" class="nav nav-sidebar collapse" style="margin-top:15px;height:0px;text-align:center">
          <li><a href="#"><i class="glyphicon glyphicon-map-marker"></i>销售机会管理</a></li>
          <li><a href="#"><i class="glyphicon glyphicon-map-marker"></i>客户开发计划</a></li>
        </div>
      </ul>
      <ul class="nav nav-sidebar">
        <li class="active" href="#slide2" data-toggle="collapse"><a class="nav-ul" href="#"><img src="Resource/image/ul2.png" style="margin-right:10px;width:23px;height:23px;">客户管理</a></li>
        <div id="slide2" class="nav nav-sidebar collapse" style="margin-top:15px;height:0px;text-align:center">
          <li><a href="#"><i class="glyphicon glyphicon-map-marker"></i>客户信息管理</a></li>
          <li><a href="#"><i class="glyphicon glyphicon-map-marker"></i>客户流失管理</a></li>
        </div>
      </ul>
      <ul class="nav nav-sidebar">
        <li class="active" href="#slide3" data-toggle="collapse"><a class="nav-ul" href="#"><img src="Resource/image/ul3.png" style="margin-right:10px;width:23px;height:23px;">服务管理</a></li>
        <div id="slide3" class="nav nav-sidebar collapse" style="margin-top:15px;height:0px;text-align:center">
          <li><a href="#"><i class="glyphicon glyphicon-map-marker"></i>服务创建</a></li>
          <li><a href="#"><i class="glyphicon glyphicon-map-marker"></i>服务分配</a></li>
          <li><a href="#"><i class="glyphicon glyphicon-map-marker"></i>服务处理</a></li>
          <li><a href="#"><i class="glyphicon glyphicon-map-marker"></i>服务反馈</a></li>
          <li><a href="#"><i class="glyphicon glyphicon-map-marker"></i>服务归档</a></li>
        </div>
      </ul>
      <ul class="nav nav-sidebar">
        <li class="active" href="#slide4" data-toggle="collapse"><a class="nav-ul" href="#"><img src="Resource/image/ul4.png" style="margin-right:10px;width:23px;height:23px;">统计报表</a></li>
        <div id="slide4" class="nav nav-sidebar collapse" style="margin-top:15px;height:0px;text-align:center">
          <li><a href="#"><i class="glyphicon glyphicon-map-marker"></i>客户贡献分析</a></li>
          <li><a href="#"><i class="glyphicon glyphicon-map-marker"></i>客户构成分析</a></li>
          <li><a href="#"><i class="glyphicon glyphicon-map-marker"></i>客户服务分析</a></li>
          <li><a href="#"><i class="glyphicon glyphicon-map-marker"></i>客户流失分析</a></li>

        </div>
      </ul>
      <ul class="nav nav-sidebar">
        <li class="active" href="#slide5" data-toggle="collapse"><a class="nav-ul" href="#"><img src="Resource/image/ul5.png" style="margin-right:10px;width:23px;height:23px;">基础数据</a></li>
        <div id="slide5" class="nav nav-sidebar collapse" style="margin-top:15px;height:0px;text-align:center">
          <li><a href="#"><i class="glyphicon glyphicon-map-marker"></i>数据字典管理</a></li>
          <li><a href="#"><i class="glyphicon glyphicon-map-marker"></i>查询产品信息</a></li>
          <li><a href="#"><i class="glyphicon glyphicon-map-marker"></i>查询库存</a></li>
        </div>
      </ul>
      <ul class="nav nav-sidebar">
        
      </ul>
    </div>
    <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
      <h1>权限错误!xs</h1>
      <h3>Permission error!</h3>
</div>

<!-- confirmModel -->
<div class="modal fade" id="confirmModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body"> ... </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" onClick="confirm_ok();">确定</button>
      </div>
    </div>
  </div>
</div>

<!-- errorModel -->
<div class="modal fade" id="errorModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <p class="modal-title" id="errorModelText">Modal title</p>
      </div>
    </div>
  </div>
</div>
<div class="navbar-inverse navbar-fixed-bottom" style="height:15px; margin-bottom:0" role="navigation"> </div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="js/bootstrap.min.js"></script> 
<script> 
      $(function () { 
        $('#myTab a:first').tab('show');//初始化显示哪个tab 
      
        $('#myTab a').click(function (e) { 
          e.preventDefault();//阻止a链接的跳转行为 
          $(this).tab('show');//显示当前选中的链接及关联的content 
        }) 
      }) 
</script> 
<script>
    function alert(msg){
		$('#errorModel').modal('show');
		document.getElementById("errorModelText").innerHTML=msg;
		}
	
	function confirm(msg1,msg2){
		$('#confirmModel').modal('show');
		document.getElementById("errorModelText").innerHTML=msg1;
		document.getElementById("errorModelText").innerHTML=msg2;
		}
		
	function confirm_ok(){
		}	
    </script>
</body>
</html>
